<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>计算现在时间距离 2022年6月27号9:00 时间差 显示页面上，实时倒计时。</p>
    <h1></h1>
    <p>实现一个电子钟：都是汉字中文 显示年月日时分秒 实时显示</p>
    <h1></h1>

    <script>
        //给一段文章中的全部指定词语进行过滤
        let str = 'asdasdSMasdasdasdSMsdasdasdSMsadasd';
        let s = 'SM';
        while (str.indexOf(s) !== -1) {
            str = str.replace(s, '**')
        }
        console.log(str);

        //实现一个myEvery方法达到内置every效果
        let arr = [1, 2, 3, 0, 4]
        function myEvery(fn) {
            for (let i = 0; i < this.length; i++) {
                if (!fn(this[i], i, this))
                    return false
            }
            return true
        }
        Array.prototype.myEvery = myEvery;
        arr.myEvery(v => v)
        let temp = arr.myEvery;
        temp();

        // 计算现在时间距离 2022年6月27号9:00 时间差 显示页面上，实时倒计时。
        function countDown() {
            let t = new Date('2022-6-27 9:00') - new Date()
            t = Math.floor(t / 1000)
            let s = t % 60;
            let m = (t - s) / 60 % 60;
            let h = (t - s - m * 60) / 60 / 60;
            let str = `${h < 10 ? "0" + h : h}小时${m < 10 ? "0" + m : m}分钟${s < 10 ? "0" + s : s}秒`;
            document.getElementsByTagName('h1')[0].innerHTML = str;
            setInterval(() => {
                countDown()
            }, 1000);
        }
        countDown();

        // 实现一个电子钟：都是汉字中文 显示年月日时分秒 实时显示
        function getDate() {
            let time = new Date();
            let y = time.getFullYear();
            let month = time.getMonth() + 1;
            let d = time.getDate();
            let h = time.getHours();
            let m = time.getMinutes();
            let s = time.getSeconds();

            let str = `今天是${parseNum(y)}年 
            ${parseNum(month)}月 
            ${parseNum(d)}日 
            ${parseNum(h)}时 
            ${parseNum(m)}分 
            ${parseNum(s)}秒`;
            document.getElementsByTagName('h1')[1].innerHTML = str;
            setTimeout(() => {
                getDate();
            }, 1000);
        }

        //将阿拉伯数字转成汉字
        getDate();
        function parseNum(num) {
            let newNum = String(num);
            let arrNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
            let str = '';
            if (newNum.length > 2) {
                newNum.split('').forEach(v => str += arrNum[v]);
                return str
            }
            return newNum < 10 ? arrNum[newNum] : arrNum[Math.floor(newNum / 10)] + arrNum[arrNum.length - 1] + arrNum[newNum % 10]
        }
    </script>
</body>

</html>